<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/21cake.css">
</head>

<body>
    <div style="width:100vw;hight:100vh;">
          <div class="hhh">
                <div class="header">
                        <div class="logo">
                        </div>
                        <ul class="menus">
                            <li>首页</li>
                            <li>蛋糕</li>
                            <li>面包</li>
                            <li>冰淇淋</li>
                            <li>咖啡下午茶</li>
                            <li>咖啡全国送</li>
                            <li>企业专区</li>
                        </ul>
                        <ul class="right">
                            <li>APP下载</li>
                            <li>
                                <div style="float: left">北京</div>
                                <div class="demo"></div>
                            </li>
                            <li>消息</li>
                            <li>登录/ 注册</li>
                            <li><img src="img/2.png" style="width:20px;height:20px;"></li>
                        </ul>
                    </div>
          </div>
        <div class="banner">
            <div class="banner1">
                <div class="banner2"></div>
                <div class="banner3"></div>
                <div class="banner4"></div>
            </div>
        </div>
        <div class="banner5">
            <div class="banner6">
                <div class="banner7">Bailey's Love Triangle 百利甜情人</div>
                <div class="banner8">
                    <div class="banner9">情侣 ></div>
                    <div class="banner9">情侣 ></div>
                    <div class="banner9">情侣 ></div>
                    <div class="banner9">情侣 ></div>
                    <div class="banner9">情侣 ></div>
                    <div class="banner9">情侣 ></div>
                </div>
                <div class="banner-a">
                    <div class="banner-b"></div>
                    <div class="banner-c"> 爱尔兰百利甜酒</div>
                    <div class="banner-d"></div>
                    <div class="banner-c"> 当日空运云南玫瑰</div>
                </div>
                <div class="banner-e">/爱尔兰百利甜酒/新西兰奶油/云南玫瑰甘露/</div>
                <div class="banner-f">Just Bailey's, light cream and you. The flavours may be velvetty subtle, but the
                </div>
                <div class="banner-f">chemistry is as electric as a first kiss. </div>
                <div class="banner-f">*玫瑰花瓣经过消毒处理，仅用作装饰，不可食用。</div>
                <div class="banner-g">* 当前水果夹心为：草莓。</div>
                <div class="banner-g">*玫瑰花瓣经过消毒处理，仅用作装饰使用（使用围边纸与蛋糕隔开），不可食用。</div>
                <div class="banner-h">
                    <div class="banner-j"></div>
                    <div class="banner-k">保鲜条件0-4℃保藏10小时，5℃食用为佳</div>
                </div>
                <div class="banner-l">
                    <div class="banner-m"></div>
                    <div class="banner-n">参考甜度：</div>
                    <div class="banner-m"></div>
                    <div class="banner-m"></div>
                    <div class="banner-m"></div>
                    <div class="banner-m"></div>
                    <div class="banner-o"></div>
                </div>
            </div>
            <div class="banner-1">
                <div class="banner-">
                    <div class="banner-2"></div>
                    <div class="banner-3">
                        <div class="banner-4">
                            <div class="banner-5"></div>
                            <div class="banner-6">约17.5x17.5</div>
                        </div>
                        <div class="banner-4">
                            <div class="banner-5"></div>
                            <div class="banner-6">适合7-8人分享</div>
                        </div>
                        <div class="banner-4">
                            <div class="banner-5"></div>
                            <div class="banner-6">含10套餐具（蜡烛需单独订购）</div>
                        </div>
                        <div class="banner-4">
                            <div class="banner-5"></div>
                            <div class="banner-6">最早今天 19:30配送</div>
                        </div>
                        <div class="banner-7"> ¥298.00/2.0磅 </div>
                    </div>
                </div>
                <div class="banner-8">
                    <div class="banner-9">
                        <div class="banner-10">商品规格</div>
                        <div class="banner-11">1.0磅</div>
                        <div class="banner-11">1.5磅</div>
                        <div class="banner-11">2.0磅</div>
                        <div class="banner-11">2.5磅</div>
                        <div class="banner-11">3.0磅</div>
                        <div class="banner-11">1.5磅</div>
                    </div>
                    <div class="banner-12">
                        <div class="banner-10">换购规格</div>
                        <div class="banner-13"></div>
                    </div>
                    <div class="banner-14">
                        <div class="banner-15">立即购买</div>
                        <div class="banner-16">加入购物车</div>
                    </div>
                </div>
              
            </div>           
        </div>
        <div class="dog">
            <div class="dog1"></div>
        </div>
        <div class="dog3">
            <div class="dog2"></div>
        </div>
        <div class="dog5">
            <div class="dog4"></div>
        </div>
        <div class="dog5">
            <div class="dog6"></div>
        </div>
        <div class="dog5">
            <div class="dog7"></div>
        </div>
        <div class="dog">
            <div class="cat">
                <div class="cat1">
                    <div class="cat2">小提示</div>
                    <div class="cat2">1、蛋糕规格及免费配送餐具 ：</div>
                    <div class="cat3">
                        <div class="cat4">
                            <div class="cat5"> 1.0磅：约13×13(cm)</div>
                            <div class="cat5"> 2.0磅：约17×17(cm)</div>
                            <div class="cat5"> 3.0磅：约23×23(cm)</div>
                            <div class="cat5"> 5.0磅：约30×30(cm)</div>
                        </div>
                        <div class="cat4">
                                <div class="cat5">	适合3-4人食用</div>
                                <div class="cat5">	适合7-8人食用</div>
                                <div class="cat5"> 	适合11-12人食用</div>
                                <div class="cat5"> 	适合15-20人食用</div>
                        </div>
                        <div class="cat4">
                                <div class="cat5">		免费配送5套餐具</div>
                                <div class="cat5">	免费配送10套餐具/div>
                                <div class="cat5"> 		免费配送15套餐具</div>
                                <div class="cat5"> 		免费配送20套餐具</div>
                        </div>
                    </div>
                </div>
                <div class="cat6">订购5磅及5磅以上规格的蛋糕，请与客服人员联系，订购电话：400 650 2121</div>
                <div class="cat2">2、蛋糕在收到后2-3小时内食用为佳。</div>
                <div class="cat2">3、如对上述食材有过敏经历者，请选择其它款蛋糕。</div>
                <div class="cat2">4、玫瑰花瓣经过消毒处理，仅用作装饰，不可食用。夹层玫瑰酱中少量块状物为可食玫瑰花瓣。</div>
                <div class="cat2">5、因生产工艺需要，可食用玫瑰蜜饯被切分，均匀分布于慕斯夹心中，丰富口感。</div>
                <div class="cat2">6、以上图片仅供参考，请以收到实物为准。</div>
                <div class="cat2">退改说明：</div>
                <div class="cat2">1. 北京、上海、杭州、广州地区距配送时间5小时及以上的订单可修改、取消、退订；距配送时间不足5小时，订单不再支持修改、取消、退订。（22点之后不接受次日14点之前配送订单修改、退订）</div>
                <div class="cat2">2. 苏州、无锡、深圳、天津距配送时间不足8小时，订单不再支持修改、取消、退订。（22点之后不接受次日16点之前配送订单修改、退订）</div>
            </div>
            <div class="win">
                <div class="win1">商品推荐</div>
                <div class="win2">
                    <div class="win3">
                        <div class="win4"></div>
                        <div class="win5"> 购磅数蛋糕，享39元换购...</div>
                        <div class="win6">￥58.40/一份</div>
                    </div>
                    <div class="win3">
                            <div class="win4"></div>
                            <div class="win5"> 购磅数蛋糕，享39元换购...</div>
                            <div class="win6">￥58.40/一份</div>
                    </div>
                    <div class="win3">
                            <div class="win4"></div>
                            <div class="win5"> 购磅数蛋糕，享39元换购...</div>
                            <div class="win6">￥58.40/一份</div>
                    </div>
                    <div class="win3">
                            <div class="win4"></div>
                            <div class="win5"> 购磅数蛋糕，享39元换购...</div>
                            <div class="win6">￥58.40/一份</div>
                    </div>
                    <div class="win3">
                            <div class="win4"></div>
                            <div class="win5"> 购磅数蛋糕，享39元换购...</div>
                            <div class="win6">￥58.40/一份</div>
                    </div>
                </div>
            </div>
        </div>
    </div>   
</body>

</html>